@import "tailwindcss";
@import "@skeletonlabs/skeleton";
@import "@skeletonlabs/skeleton/optional/presets";


.svelte-flow {
  @apply !bg-surface-50;
}

.svelte-flow__controls-button {
  @apply !bg-surface-200 !text-primary-900;
  border-bottom: none !important;
}

.svelte-flow__controls-button:hover {
  @apply !bg-primary-100;
  border-bottom: none !important;
}

.svelte-flow__minimap {
  @apply !bg-surface-300 !text-primary-800;
}

.svelte-flow__minimap-node {
  @apply !fill-primary-100;
}

.dark .svelte-flow {
  @apply !bg-surface-900;
}

.dark .svelte-flow__controls-button {
  @apply !bg-surface-700 text-primary-200;
  border-bottom: none;
}

.dark .svelte-flow__controls-button:hover {
  @apply !bg-primary-900;
  border-bottom: none;
}

.dark .svelte-flow__minimap {
  @apply !bg-surface-700 !text-primary-200;
}

.dark .svelte-flow__minimap-node {
  @apply !fill-primary-900;
}
